<template>
	<!-- 公司介绍 -->
	<view>
		<global-navgation  title="公司介绍"></global-navgation>
		<view v-html="company.content"></view>
		<view class="list2">
			<button type="default" @click="show()">一键分享</button>
		</view>
		
	</view>
</template>
<script>
	import globalNavgation from '../../components/globalNavgation.vue'
	export default{
		components:{
			globalNavgation
		},
		data(){
			return{
				company:[],
				lists:[],
				achievements:[],
				tokens:''
			}
		},
		mounted(){
			// 初始化获取数据
			this.__initClassData()	
		},
		onLoad(){
			uni.getStorage({
			    key: 'token',
			    success:  res=> {
					this.tokens=res.data
					console.log('mmm',this.tokens)
			    }
			});
		},
		// onLoad(options){
		// 	if(!options.token){
		// 		return
		// 	}else{
		// 		console.log(options.token)
		// 		this.token=options.token
		// 	}
			
		// },
		methods:{
			__initClassData() {
				this.$api.get({
					url: '/article/article/company_achievements',
					data:{token:this.tokens}
				}).then(res => {
						this.lists=res.data
						this.company=res.data.company
						this.achievements=res.data.achievements
						console.log(res)
					})
				},
			show(){
				uni.navigateTo({
					url:'../show/show'
				})
				
			},
		}
	}
</script>
<style scoped>
	.list2{
		width: 100%;
		position: relative;
		height:100rpx ;
		margin-top: 1440rpx;
	}
	.list2 button{
		width: 686rpx;
		height: 100rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		position: absolute;
		left: 32rpx;
		top: 20rpx;
		background: linear-gradient(90deg, #3965FF 0%, rgba(57, 101, 255, 0.8) 100%);
		font-family: PingFang SC;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 100rpx;
		text-align: center;
		color: #FFFFFF;
	}
	.list1{
		width: 100%;
		position: relative;
		
	}
	
	.list1 .text1{
		
		width: 572rpx;
		height: 62rpx;
		position: absolute;
		top: 40rpx;
		left: 57rpx;
		height: 57rpx;
		font-family: PingFang SC;
		font-style: normal;
		font-weight: 600;
		font-size: 44rpx;
		line-height: 62rpx;
		text-align: center;
		color: rgba(0, 0, 0, 0.85);
	}
	.list1 .text3{
		width: 572rpx;
		height: 124rpx;
		font-family: PingFang SC;
		font-style: normal;
		font-weight: 600;
		font-size: 44rpx;
		line-height: 62rpx;
		text-align: center;
		color: rgba(0, 0, 0, 0.85);
		position: absolute;
		left: 57rpx;
		top: 830rpx;
	}
	.list1 .text4{
		width: 572rpx;
		font-family: PingFang SC;
		font-style: normal;
		font-weight: normal;
		font-size: 28rpx;
		line-height: 40rpx;
		text-align: center;
		color: rgba(0, 0, 0, 0.65);
		opacity: 0.65;
		position: absolute;
		top: 970rpx;
		left: 57rpx;
	}
	.list1 .text2{
		width: 572rpx;
		height: 160rpx;
		display: block;
		font-family: PingFang SC;
		font-style: normal;
		font-weight: normal;
		font-size: 28rpx;
		line-height: 40rpx;
		text-align: center;
		margin: 16rpx 0px;
		color: rgba(0, 0, 0, 0.65);
		position: absolute;
		top: 118rpx;
		left: 57rpx;
		mix-blend-mode: normal;
		opacity: 0.65;
	}
	.list1 .image1{
		width: 686rpx;
		height: 400rpx;
		display: block;
		position: absolute;
		top: 296rpx;
		left: 10rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}
	.list1 .image2{
		width: 686rpx;
		height: 246rpx;
		display: block;
		position: absolute;
		top: 1178rpx;
		left: 10rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}
</style>